<script lang="ts">
import {defineComponent} from 'vue'
// 在 Vue 3 中，defineComponent 是一个用于定义组件的函数，它提供了以下作用：
// 类型推导支持：结合 TypeScript 使用时，defineComponent 可以提供更好的类型推导和类型检查能力，使得组件的 props、emits 等具有明确的类型信息。
// 标准化组件定义：defineComponent 接收一个对象作为参数，并返回一个符合 Vue 组件规范的对象。这个对象可以包含组件的各种选项，如 props、setup、components、template 等。
// 提升可读性和一致性：使用 defineComponent 定义组件可以增强代码的可读性，并且在多人协作开发中保持一致的代码风格。
export default defineComponent({
  name: "MySon",
  props:{
    sendMessage1:{
      type:Function
    }
  },
  data() {
    return {
      message:''
    }
  }
})
</script>

<template>
    <div>
      <input type="text" v-model="message">
      <button @click="sendMessage1(message)">发送</button>
    </div>
</template>

<style scoped>

</style>